﻿/* 重置样式 */
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin: 0;padding: 0}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}
table{border-collapse: collapse;border-spacing: 0}
caption,th{text-align: left;font-weight: 400}
abbr,body,fieldset,html,iframe,img{border: 0}
address,cite,dfn,em,i,var{font-style: normal}
[hidefocus],summary{outline: 0}
li{list-style: none}
h1,h2,h3,h4,h5,h6,small{font-size: 100%}
sub,sup{font-size: 83%}
code,kbd,pre,samp{font-family: inherit}
q:after,q:before{content: none}
textarea{overflow: auto;resize: none}
label,summary{cursor: default}
a,button{cursor: pointer}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight: 700}
a,a:hover,ins,s,u{text-decoration: none}
body,button,input,keygen,legend,select,textarea{font: 12px/1.14 arial,\5b8b\4f53;color: #6C6C6C;outline: 0}
body{background: #FFF;}
a{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;color: #6C6C6C}
a:hover{color: #F60}
.mt20{margin-top: 20px;}
/* 通用样式 */
.xz-cb,.xz-cbli li,.xz-prz{zoom: 1}
.xz-pr,.xz-prz{position: relative}
.xz-oh,.xz-pre,.xz-ti,.xz-toe{overflow: hidden}
.xz-cb:after,.xz-cbli li:after{display: block;clear: both;visibility: hidden;height: 0;overflow: hidden;content: "."}
.xz-ib{display: inline-block}
.xz-dn{display: none}
.xz-db{display: block}
.xz-fl{float: left}
.xz-fr{float: right}
.xz-ff0{font-family: arial,\5b8b\4f53}
.xz-ff1{font-family: "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53}
.xz-ff2{font-family: \5b8b\4f53}
.xz-fs1{font-size: 12px}
.xz-fs2{font-size: 14px}
.xz-fwn{font-weight: 400}
.xz-fwb{font-weight: 700}
.xz-tal{text-align: left}
.xz-tac{text-align: center}
.xz-tar{text-align: right}
.xz-taj{text-align: justify;text-justify: inter-ideograph}
.xz-vam,.xz-vama *{vertical-align: middle}
.xz-wsn{word-wrap: normal;white-space: nowrap}
.xz-pre,.xz-wwb{word-wrap: break-word;word-break: break-all}
.xz-pre{text-align: left;white-space: pre-wrap}
.xz-wwb{white-space: normal}
.xz-ti{text-indent: -30000px}
.xz-ti2{text-indent: 2em}
.xz-lhn{line-height: normal}
.xz-tdu,.xz-tdu:hover{text-decoration: underline}
.xz-tdn,.xz-tdn:hover{text-decoration: none}
.xz-toe{word-wrap: normal;white-space: nowrap;text-overflow: ellipsis}
.xz-csp{cursor: pointer}
.xz-csd{cursor: default}
.xz-csh{cursor: help}
.xz-csm{cursor: move}
.xz-usn{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none}
/* 扩展 */
.container{width: 1190px;margin: 0 auto}
.xz-fc1{color: #C90304}
.xz-fc2{color: #656565}
.xz-fc3{color: #F60}
.xz-ts{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.xz-fixed{position: fixed;top: 0;z-index: 9999}
.xz-img{background: url(../images/img-all.png) no-repeat}
.xz-ico-1{position: relative;top: 2px;display: inline-block;background-position: 0 0;width: 15px;height: 15px}
.xz-ico-2{width: 40px;height: 16px;background-position: 12px -23px}
.xz-ico-3{display: inline-block;width: 16px;height: 16px;background-position: 5px -40px}
.xz-ico-4{filter: alpha(opacity=50);opacity: .5;display: inline-block;width: 16px;height: 16px;background-position: 5px -60px}
.nav li:hover .xz-ico-4{filter: alpha(opacity=100);opacity: 1}
.xz-ico-5{position: absolute;top: 19px;margin-left: 10px;width: 16px;height: 16px;background-position: 0 -86px}
.xz-ico-6{position: absolute;top: 94px;margin-left: 13px;width: 10px;height: 15px;background-position: 0 -114px}
.xz-ico-7{position: absolute;top: 169px;margin-left: 10px;width: 16px;height: 17px;background-position: 0 -136px}
.xz-ico-8{position: absolute;top: 243px;margin-left: 10px;width: 15px;height: 16px;background-position: -234px -343px}
.xz-ico-9{position: absolute;top: 319px;margin-left: 10px;width: 16px;height: 16px;background-position: -258px -343px}
.xz-ico-10{position: relative;top: 9px;left: 9px;display: inline-block;width: 31px;height: 32px;background-position: 0 -165px}
.xz-ico-11{position: relative;top: 9px;left: 9px;display: inline-block;width: 33px;height: 32px;background-position: 0 -204px}
.xz-ico-12{width: 108px;height: 80px;margin: 13px auto;margin-top: 14px;background-position: 0 -249px}
.xz-ico-13{position: absolute;right: 0;width: 37px;height: 45px;background-position: -26px 0}
.xz-ico-14{width: 124px;height: 77px;margin: 15px auto;background-position: -31px -49px}
.xz-ico-15{width: 98px;height: 97px;margin: 5px auto;background-position: -40px -142px}
.xz-ico-16{width: 112px;height: 97px;margin: 5px auto;background-position: -171px 0}
.xz-ico-17{position: relative;top: 4px;display: inline-block;width: 16px;height: 16px;background-position: -117px 0}
.xz-ico-18{position: relative;top: 4px;display: inline-block;width: 16px;height: 16px;background-position: -116px -24px}
.xz-ico-19{position: relative;top: 4px;display: inline-block;width: 16px;height: 16px;background-position: -143px 0}
.xz-ico-20{position: relative;top: 4px;display: inline-block;width: 16px;height: 14px;background-position: -144px -26px}
.xz-ico-21{position: relative;top: -1px;margin-right: 3px;display: inline-block;width: 7px;height: 7px;background-position: -80px -30px}
.xz-ico-22{position: relative;top: -1px;display: inline-block;width: 4px;height: 7px;background-position: -80px -40px}
.xz-ico-23{display: inline-block;position: relative;top: 3px;width: 16px;height: 16px;background-position: -5px -341px}
.xz-ico-24{display: inline-block;position: relative;top: 3px;width: 16px;height: 16px;background-position: -27px -342px}
.xz-ico-25{display: inline-block;position: relative;top: 3px;width: 14px;height: 16px;background-position: -50px -342px}
.xz-ico-26{display: inline-block;position: relative;top: 3px;width: 14px;height: 16px;background-position: -71px -342px}
.xz-ico-27{display: inline-block;position: relative;width: 12px;height: 9px;background-position: -94px -346px}
.xz-ico-28{display: inline-block;position: relative;top: 3px;width: 16px;height: 15px;background-position: -115px -342px}
.xz-ico-29{display: inline-block;position: relative;top: 3px;width: 14px;height: 13px;background-position: -138px -345px}
.xz-ico-30{display: inline-block;position: relative;top: 3px;width: 15px;height: 16px;background-position: -161px -344px}
.xz-ico-31{display: inline-block;position: relative;top: 3px;width: 16px;height: 16px;background-position: -185px -343px}
.xz-ico-32{display: inline-block;position: relative;top: 0;width: 16px;height: 10px;background-position: -209px -348px}
.xz-ico-33{display: inline-block;position: relative;top: 3px;width: 16px;height: 16px;background-position: -282px -344px}
.xz-ico-34{filter: alpha(opacity=20);opacity: .2;position: relative;top: 16px;left: 20px;background-position: -140px -119px;width: 80px;height: 80px}
.xz-ico-35{display: inline-block;width: 15px;height: 10px;background-position: -306px -348px}
.xz-ico-36{display: inline-block;width: 12px;height: 10px;background-position: -324px -348px}
.xz-ico-37{display: inline-block;width: 11px;height: 10px;background-position: -339px -348px}
.xz-ico-38{display: inline-block;position: relative;top: 1px;margin-right: 5px;width: 11px;height: 11px;background-position: -119px -252px}
.xz-ico-39{display: inline-block;position: relative;margin-right: 5px;width: 13px;height: 9px;background-position: -118px -268px}
*html,*html body{background-image: url(about:blank);background-attachment: fixed}
*html #ie6box{position: relative;top: expression(eval(document.documentElement.scrollTop))}
#iebox{position: fixed;top: 0;z-index: 99999;width: 100%;height: 50px;background: #C90304;color: #FFF;line-height: 50px}
img{-webkit-transition: opacity .3s ease;-moz-transition: opacity .3s ease;-ms-transition: opacity .3s ease;-o-transition: opacity .3s ease;transition: opacity .3s ease}
.xz-bug{-webkit-transition: box-shadow .3s ease;-moz-transition: box-shadow .3s ease;-ms-transition: box-shadow .3s ease;-o-transition: box-shadow .3s ease;transition: box-shadow .3s ease}
/* 动画一 */
.nimg-load{position: absolute;z-index: 0;top: 0;left: 50%;margin-left: -30px}
.all-load b{animation: load-span .6s infinite linear;-webkit-animation: load-span .6s infinite linear;-moz-animation: load-span .6s infinite linear;-ms-animation: load-span .6s infinite linear;-o-animation: load-span .6s infinite linear;width: 50px;height: 50px;border: 5px dashed #DDD;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;margin: 95px auto}
@keyframes load-span{0%{transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg)}}
@-webkit-keyframes load-span{0%{transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg)}}
@-moz-keyframes load-span{0%{transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg)}}
@-ms-keyframes load-span{0%{transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg)}}
@-o-keyframes load-span{0%{transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg)}}
/* 动画二 */
.load-more{margin-top: 15px}
.load-more p{padding-top: 15px;padding-left: 5px;color: #6C6C6C}
.case-load b{animation: case-loading .6s infinite linear;-webkit-animation: case-loading .6s infinite linear;-moz-animation: case-loading .6s infinite linear;-ms-animation: case-loading .6s infinite linear;-o-animation: case-loading .6s infinite linear;width: 30px;height: 30px;border: 3px dashed #DDD;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;margin: 0 auto}
@keyframes case-loading{0%{transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg)}}
@-webkit-keyframes case-loading{0%{transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg)}}
@-moz-keyframes case-loading{0%{transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg)}}
@-ms-keyframes case-loading{0%{transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg)}}
@-o-keyframes case-loading{0%{transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg)}}
/* 头部 */
.beat,.logo h1,.logo h2,.nav-div,.nav-two{position: absolute}
.logo h1,.logo h2{left: 70px}
.header{position: relative;height: 140px;background: #FFF;z-index:9999}
.h-top{background: #F5F5F5;height: 35px;line-height: 35px;overflow:hidden;}
.h-top a:hover{color: #F60}
.logo{margin-top: 20px;}
.logo h1{font-size: 36px;top: 23px}
.logo h2{margin-left: 2px;width: 140px;top: 60px}
.beat{left: 198px;top: 28px}
.tel{margin-top: 32px;font-size: 32px}
.tel span{font-size: 18px; font-family: "Microsoft YaHei";color:#aaa;}
.search{margin-top: 30px;margin-left: 120px}
.search input{position: absolute;left: 0;z-index: 1;width: 360px;height: 20px;line-height: 20px;padding: 10px;border: 1px solid #CCC}
.search button{position: absolute;left: 381px;width: 42px;height: 42px;line-height: 42px;border: 1px solid #CCC;background: #FFF}
.search input:hover{border: 1px solid #C90304}
.search input:focus{border: 1px solid #C90304;box-shadow: 0 0 10px 0 #C90304}
.nav{background: #272727;height: 55px;line-height: 55px;z-index:9999}
.nav li{float: left;}
.nav .on{position: relative;z-index: 1;background: #C90304;color: #FFF;width: 224px;font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif, 宋体;font-size: 16px;}
.nav li a{position: relative;z-index: 1;display: block;color: #FFF;padding: 0 28px;font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif, 宋体;font-size: 16px;}
.nav li ul li a{font-family: "宋体";font-size: 13px;}
.banner{margin-bottom: 10px;background: #FAFAFA}
.banner li{height: 380px}
.banner-nav{position: absolute;bottom: 15px}
.banner-nav li{float: left;margin-left: 5px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;width: 11px;height: 11px;border: 3px solid #FFF}
.nav-div,.slideBox,.slideBox .bd{height: 413px}
.slideBox{height: 380px;overflow: hidden}
.slideBox .hd ul li{margin-left: 6px;cursor: pointer}
.slideBox .hd ul li.on{border: 3px solid #C90304}
.nav-div{z-index: 1;top: 55px;width: 224px;height: 380px;background: #FFF;filter: alpha(opacity=90);opacity: .9}
.nav-div dl{width: 174px;text-indent: 35px;padding-top: 20px;padding-bottom: 5px;margin: 0 auto;border-bottom: 1px dotted #CCC}
.nav-div dt{line-height: 100%}
.nav-div dd{height: 35px;line-height: 35px}
.nav-div .nav-div-bt0{border-bottom: 0}
.nav-two{display: none;width: 918px;padding: 12px 24px;z-index: 9999;left: 223px;background: #FFF;filter: alpha(opacity=90);opacity: .9}
.nav-two li{color: #FFF;border-bottom: 1px dotted #CCC;width: 100%}
.nav-two li a,.nav-two li span{color: #6C6C6C}
.nav-two li a{padding: 0 18px;float: left}
.nav-two li a:hover{color: #F60}
.nav-two .nav-two-i{position: absolute;top: 4px;margin-left: -2px;width: 23px;height: 7px;background: url(../images/new.gif) no-repeat}
.nav-two .nav-color{display: inline-block;width: 26px;height: 26px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;margin: 15px 18px 0;padding: 0}
.nav-two .nav-cbg1{background: #83461B}
.nav-two .nav-two-bt0{border-bottom: 0}
.nav-two .xz-fs4 {line-height:105px;}
.nav-two .xz-fs3 a{padding-left:25px;line-height:35px;}
.curBg{position: absolute;top: 0;z-index: 0;height: 55px;background: #414141}
/* 内容 */
.all-title{padding: 30px 0 40px 0;border-bottom: 1px solid #CCC}
.all-title h1{font-size: 32px;color: #333;}
.all-title h1 p{font-size: 18px;padding-top: 20px}
.all-title .all-i-r{position: absolute;bottom: -6px;left: 0}
.all-title .all-i-l{position: absolute;bottom: -6px;right: 0}
.all-title-box{background: #FFF;margin-top: 20px}
/* 图片 */
.all-case li{float: left;margin-left: 30px;margin-top: 30px;margin-bottom: 10px;background: #FFF;width: 275px;height: 312px;overflow: hidden;border-bottom: 1px solid #CCC}
.all-case .all-img,.all-case .all-link{position: absolute;top: 110px;background: #414141;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;width: 50px;height: 50px}
.all-case .all-img:hover,.all-case .all-link:hover{background: #C90304}
.all-case li span{height: 275px;overflow: hidden}
.all-case li h1{padding: 12px;border-bottom: 1px solid #CCC}
.all-case li p{padding: 12px}
.all-case .all-case-ml0{margin-left: 0}
.all-case .all-link{left: -50px;filter: alpha(opacity=0);opacity: 0}
.all-case .all-img{right: -50px;filter: alpha(opacity=0);opacity: 0}
.all-case li:hover .all-link{left: 110px;filter: alpha(opacity=100);opacity: 1}
.all-case li:hover .all-img{right: 80px;filter: alpha(opacity=100);opacity: 1}
.all-case .all-hover-i{position: relative;z-index: 1}
.all-case .all-case-bg{display: none;position: absolute;z-index: 1;background: #FFF;filter: alpha(opacity=50);opacity: .5;width: 275px;height: 275px}
.all-case li:hover .all-case-bg{display: block}
.all-case li h1 a:hover,.all-case li p a:hover{color: #C90304}
.all-case li:hover{-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC;border-bottom: 1px solid #C90304}
.all-case li:hover .all-hover-i{display: block}
/* 优势 */
.all-good{background: #EEE}
.all-good-box{padding: 30px 0}
.all-good-box ul{margin-left: -30px}
.all-good-box ul li{float: left;width: 273px;margin-left: 30px;border: 1px solid #FFF;background: #FFF}
.all-good-box ul li .good-div{padding: 30px 15px}
.all-good-box ul li .good-div h1{font-size: 16px}
.all-good-box ul li .good-div h2{font-size: 15px;padding: 25px 0}
.all-good-box ul li .good-div p{padding-top: 25px;line-height: 20px}
.all-good-box ul li .good-div span{display: block;margin: 30px 0 25px 0}
.all-good-box ul li .good-div span em{font-size: 24px;margin-right: 3px;font-family: Georgia}
.all-good-box ul li .good-a{color: #09F}
.all-good-box ul li .good-a:hover{color: #F60}
.all-good-box ul li .good-button{margin-top: 15px;background: #C90304;color: #FFF}
.all-good-box ul li .good-button a{padding: 12px;display: block;color: #FFF}
.all-good-box ul li .good-button a:hover{background: #F60}
.all-good-box ul li:hover{-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC;border: 1px solid #C90304}
/* 模板插件 */
.web-tp{margin: 30px auto}
.web-tp-box{width: 580px}
.web-tp-div{margin-left: -10px}
.web-tp-div a{display: inline-block;width: 72px;height: 28px;text-align:center;margin-left: 10px;line-height: 28px;border: 1px solid #FFD8DB;background: #FFEFF0}
.web-tp-div .web-tp-div-a{width: 73px}
.web-tp-div-bg a{background: #E8F8FF;border: 1px solid #CBECFB}
.web-tp-div a:hover{filter: alpha(opacity=50);opacity: .5}
.web-tp-box .web-box{margin-top: 10px;height: 348px;border: 1px solid #FFD8DB}
.web-tp-box .web-box-b-bg{border: 1px solid #CBECFB}
.web-tp-box .web-box-bg{position: relative;left: -1px;top: -1px;width: 230px;height: 350px}
.web-box-nr{width: 348px;height: 348px;overflow: hidden}
.web-box-nr .web-left{position: absolute;left: 10px;top: 50%;margin-top: -25px;width: 14px;height: 23px;background-position: -71px 0;filter: alpha(opacity=50);opacity: .5}
.web-box-nr .web-right{position: absolute;right: 10px;top: 50%;margin-top: -25px;width: 14px;height: 23px;background-position: -93px 0;filter: alpha(opacity=50);opacity: .5}
.web-box-nr .web-left:hover,.web-box-nr .web-right:hover{filter: alpha(opacity=100);opacity: 1}
.web-box-nr li{width: 270px;height: 90px;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dotted #CCC}
.web-box-nr li img{width: 90px;height: 90px;margin-right: 10px}
.web-box-nr li img:hover{filter: alpha(opacity=50);opacity: .5}
.web-box-nr li p{padding-bottom: 15px;line-height: 15px}
.web-box-nr li em{color: #ed145b}
.web-box-nr .web-box-bb0{border-bottom: 0}
.web-box .bd{width: 270px;margin: 0 auto;margin-top: 18px}
.web-box:hover{-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
/* 帮助 */
.help-nav{position: fixed;z-index: 9999;right: -110px;bottom: 10%;cursor: pointer}
.help-nav a{display: block;position: relative;height: 30px;line-height: 30px;background: #FFF;padding-right: 10px;width: 130px;overflow: hidden;cursor: pointer}
.help-nav a em{display: block;float: left;width: 30px;background: #C90304;color: #FFF;margin-right: 10px}
.help-nav a:hover{background: #272727;color: #FFF}
/* 设计师 */
.designer{padding: 30px 0;background: #EEE}
.designer-box-l{width: 580px}
.design-div-l{background: #FFF;width: 275px;height: 496px;border-bottom: 3px solid #eee}
.design-div-l h1{text-indent: 12px;height: 50px;line-height: 50px;border-bottom: 1px solid #CCC}
.design-div-l ul{width: 251px;margin: 0 auto}
.design-div-l li{float: left;width: 251px;padding: 18px 0;border-top: 1px dotted #CCC}
.design-div-l li img{width: 50px;height: 50px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%}
.design-div-l li img:hover{filter: alpha(opacity=50);opacity: .5}
.design-div-l li .design-txt{margin-left: 12px;margin-top: 8px}
.design-txt i{color: #FFF;background: #CCC;padding: 1px 5px;margin-right: 6px}
.design-div-l a:hover,.design-h-box a:hover,.design-j ul li a:hover{color: #C90304}
.design-txt p{margin-top: 6px}
.design-txt p u{font-size: 18px}
.design-txt .design-top{background: #C90304}
.design-div-l:hover{border-bottom: 3px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
.design-div-l .design-div-l-bt0{border-top: 0}
.design-hot{width: 275px;height: 499px}
.design-h-box{width: 269px;height: 269px;background: #FFF;border: 3px solid #CCC}
.design-h-box dl{margin: 12px;height: 246px}
.design-h-box dl dt{padding-top: 5px;padding-bottom: 15px;border-bottom: 1px solid #CCC}
.design-h-box dl .dd-img{width: 80px;height: 80px;margin-right: 12px}
.design-h-box dl .dd-img:hover{filter: alpha(opacity=50);opacity: .5}
.design-ck,.design-h-box dl div li img{width: 75px}
.design-h-box dl dd{margin-top: 10px;height: 80px}
.design-h-box dl dd .p-ptb9{padding: 9px 0}
.design-h-box dl dd .p-pt9{padding-top: 9px}
.design-h-box dl div{margin-top: 10px;border-top: 1px solid #CCC}
.design-h-box dl div .div-m{margin-top: 10px}
.design-h-box dl div li{float: left;width: 75px;height: 75px;background: #FFF;margin-left: 10px;overflow: hidden}
.design-h-box dl div li img:hover{filter: alpha(opacity=50);opacity: .5}
.design-h-box dl div .div-ml0{margin-left: 0}
.design-h-box:hover{border: 3px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
.design-j{margin-top: 30px;width: 275px;height: 191px;background: #FFF;border-bottom: 3px solid #eee}
.design-j h1{text-indent: 12px;height: 50px;line-height: 50px;border-bottom: 1px solid #CCC}
.design-j ul{width: 251px;margin: 12px auto 0}
.design-j ul li{height: 30px;line-height: 30px;padding: 0 6px}
.design-j ul li:hover .xz-ico-21{position: relative;top: -1px;margin-right: 3px;display: inline-block;width: 7px;height: 7px;background-position: -90px -30px}
.design-j:hover{border-bottom: 3px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
.design-lc .design-span,.design-lc .design-span a{color: #FFF;display: block}
.design-lc{background: #FFF;width: 580px;height: 496px;border-bottom: 3px solid #eee}
.design-lc h1{text-indent: 12px;height: 50px;line-height: 50px;border-bottom: 1px solid #CCC}
.design-lc ul{width: 554px;margin: 0 auto}
.design-lc .li1,.design-lc .li2,.design-lc .li3,.design-lc .li4{position: absolute;top: -22px;width: 100px}
.design-lc .design-div{margin-top: 30px;border: 3px solid #CCC;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px}
.design-lc .li1{left: 80px}
.design-lc .li2{left: 180px}
.design-lc .li3{left: 280px}
.design-lc .li4{left: 380px}
.design-lc li .active,.design-lc li span{display: block;color: #FFF;width: 30px;line-height: 30px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;margin: 10px auto}
.design-lc li span{background: #CCC}
.design-lc li .active{background: #C90304}
.design-lc h2{font-size: 26px;margin-top: 20px}
.design-lc h2 p{padding-top: 10px}
.design-lc .design-span{background: #F60;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;width: 140px;height: 40px;line-height: 40px;margin: 52px auto 0}
.design-lc .design-span:hover,.design-tx dd p{background: #C90304}
.design-tx{width: 560px;margin: 16px auto 0}
.design-tx dd{float: left;width: 102px;height: 102px;margin-left: 12px;margin-bottom: 12px;overflow: hidden}
.design-tx .design-tx-ml0{margin-left: 0}
.design-tx dd img{width: 102px}
.design-tx dd:hover img{filter: alpha(opacity=50);opacity: .5}
.design-tx dd p{width: 100%;position: absolute;bottom: -25px;height: 25px;line-height: 25px;color: #FFF}
.design-tx dd:hover p{position: absolute;bottom: 0}
.design-lc:hover{border-bottom: 3px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
/* 专题 */
.design-list-box li a,.design-list-div a{display: block}
.design-zz{margin-top: 30px}
.design-zz-l{width: 836px;height: 436px}
.design-zz-l li{float: left;width: 412px;height: 210px;overflow: hidden;background: #FFF;margin-left: 12px;margin-bottom: 12px;border-bottom: 3px solid #eee}
.design-zz-l .design-zz-l-ml0{margin-left: 0}
.design-zz-l li img{width: 412px}
.design-zz-l-div{position: absolute;bottom: -62px;width: 100%;height: 210px;line-height: 48px;background: #FFF;filter: alpha(opacity=95);opacity: .95}
.design-zz-l-div dl{width: 388px;margin: -12px auto 0;line-height: 34px}
.design-zz-l-div dl i{margin-right: 3px}
.design-zz-l-div .dcate{font:300 18px 'microsoft yahei';}
.design-list-tab .design-list-active a,.design-zz-l-div a:hover{color: #C90304}
.design-zz-l li:hover{border-bottom: 3px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
.design-zz-l li:hover .design-zz-l-div{position: absolute;bottom: 101px}
.design-list{width: 342px;height: 435px;background: #FFF;border-bottom: 3px solid #eee}
.design-list-div{float: left;background: #EEE;width: 171px;height: 47px;line-height: 47px;border-top: 3px solid #CCC}
.design-list-tab .design-list-active{background: #FFF;color: #C90304;height: 47px;line-height: 47px;border-top: 3px solid #C90304}
.design-list img{position: relative;z-index: 2;width: 120px;margin-right: 12px}
.design-list img:hover{background: #FFF;filter: alpha(opacity=50);opacity: .5}
.design-list-box{margin: 17px auto 0;width: 318px}
.design-list-box li{height: 61px;overflow: hidden;background: #EEE;margin-top: 12px}
.design-list-box li img{width: 81px}
.design-list-box li p{padding-top: 12px;padding-right: 12px;line-height: 20px}
.design-list:hover{border-bottom: 3px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
.design-list-dw{position: relative;z-index: 1}
.design-list-box li:hover a{color: #FFF}
.design-list-box li div{position: absolute;top: 0;left: 81px;z-index: 0;height: 61px;background: #C90304}
.design-list-box li:hover div{position: absolute;padding-right: 237px}
.design-zz-l-div dl dd:hover .xz-ico-22{position: relative;top: -1px;display: inline-block;width: 4px;height: 7px;background-position: -87px -40px}
/* 底部 */
.footer{margin-top: 30px;background: #272727}
.footer-p30{padding: 30px 0}
.footer dl{margin-left: 14px;min-height: 120px;padding: 0 59px;border-right: 1px solid #333}
.footer dl dt{margin-bottom: 6px}
.footer dl dd{line-height: 22px}
.footer dl dd a:hover{color: #FFF}
.footer dl dd img{width: 110px;height: 110px;border: 2px solid #222}
.footer-bottom{background: #222;height: 45px;line-height: 45px}
.footer-bottom a:hover{color: #FFF}
.footer .dd-br0{border-right: 0}
.footer i{filter: alpha(opacity=30);opacity: .3}
/* 内页 */
.nbanner{height: 260px}
@keyframes nbox-span-oc{0%,100%{background: #FFF;color: #C90304}50%{background: #C90304;color: #FFF}}
@-moz-keyframes nbox-span-oc{0%,100%{background: #FFF;color: #C90304}50%{background: #C90304;color: #FFF}}
@-webkit-keyframes nbox-span-oc{0%,100%{background: #FFF;color: #C90304}50%{background: #C90304;color: #FFF}}
@-o-keyframes nbox-span-oc{0%,100%{background: #FFF;color: #C90304}50%{background: #C90304;color: #FFF}}
@-ms-keyframes nbox-span-oc{0%,100%{background: #FFF;color: #C90304}50%{background: #C90304;color: #FFF}}
/* 分类 */
.nbox-gd,.nbox-list{border-top: 1px dotted #CCC}
.nbox-t{height: 60px;line-height: 60px}
.nbox{padding-bottom: 30px}
.nbox .nbox-span{margin-right: 24px;width: 35px;height: 35px;line-height: 35px;background: #C90304;color: #FFF}
.nbox .nbox-div{line-height: 35px}
.nbox .nbox-div span{padding-left: 24px}
.nbox .nbox-div span a{margin-left: 1px;display: inline-block;text-align: center;width: 50px;height: 35px;line-height: 35px;background: #FFF;color: #6C6C6C}
.nbox .nbox-div span a.active,.nbox .nbox-div span a:hover{color: #FFF;background: #C90304}
.nbox-list{margin-top: 0;margin-left: 30px}
.nbox-list ul{margin-left: -30px}
.nbox-list ul li{float: left;width: 275px;background: #FFF;border-bottom: 1px solid #CCC;margin-left: 30px;margin-top: 30px;margin-bottom: 10px}
.nbox-list ul li:hover{border-bottom: 1px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
.nbox .nbox-span-open{background: #FFF;color: #C90304}
.nbox-l{background: #FFF;width: 275px;border-bottom: 3px solid #EEE;-webkit-box-shadow: 0 10px 20px 0 #f2f2f2;-moz-box-shadow: 0 10px 20px 0 #f2f2f2;-ms-box-shadow: 0 10px 20px 0 #f2f2f2;-o-box-shadow: 0 10px 20px 0 #f2f2f2;box-shadow: 0 10px 20px 0 #f2f2f2}
.nbox-l:hover{border-bottom: 3px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
.nbox-r{width: 915px}
.nbox .nbox-span-open{background: #f8f8f8;}
.nbox .nbox-span-open:hover{background: #C90304;color: #FFF}
.nbox .nbox-span-close{background: #C90304;color: #FFF;animation: nbox-span-oc 1s infinite;-moz-animation: nbox-span-oc 1s infinite;-webkit-animation: nbox-span-oc 1s infinite;-o-animation: nbox-span-oc 1s infinite;-ms-animation: nbox-span-oc 1s infinite}
.nbox-class{width: 251px;margin: 12px auto;min-height: 120px}
.nbox-class ul{border-bottom: 1px dotted #CCC;padding-bottom: 12px;margin-bottom: 12px}
.nbox-class ul li{float: left;width: 119px;margin-left: 12px;margin-top: 12px;color: #FFF;height: 35px;line-height: 35px;overflow: hidden;background: #AAA}
.nbox-class ul li a:hover,.nbox-class ul li a.active{background: #C90304}
.nbox-class ul .nbox-class-liml0{margin-left: 0}
.nbox-class ul li a{display: block;color: #FFF}
.nbox-sx{margin-left: -12px;margin-top: 12px}
.nbox-sx a{float: left;margin-left: 12px;margin-bottom: 12px;display: block;width: 40px;height: 20px}
.nbox-gd{padding-top: 12px}
.nbox-love{margin: 22px auto 12px auto}
.nbox-love dd{width: 220px;height: 270px;overflow: hidden;margin-bottom: 12px;margin-left: 15px}
.nbox-love img{width: 220px}
.nbox-love dd:hover img{filter: alpha(opacity=50);opacity: .5}
.nbox-love dd a{color: #999}
.nbox-love dd p{width:208px;padding: 6px;line-height: 22px;text-align:center;background: #f8f8f8}
/* 图片列表 */
.nbox-list ul li img{position: relative;z-index: 1;width: 275px}
.nbox-list ul li span{display: block;height: 275px;overflow: hidden}
.nbox-list ul li .nbox-list-title{padding: 12px;border-bottom: 1px solid #CCC}
.nbox-list ul li .nbox-list-title h2{padding-top: 3px}
.nbox-list ul li .nbox-list-buy{padding: 12px;}
.nbox-list ul li a:hover{color: #C90304}
.nbox-img{display: none;position: absolute;z-index: 2;top: 0;right: 0;width: 275px;height: 275px;background: url(../images/img-hover.png) no-repeat}
.nbox-list ul li:hover .nbox-img{display: block}
/* 分页 */
.nbox-pages{margin-top: 30px}
.nbox-pages-list{margin-top: 0;margin-bottom: 12px}
.nbox-pages-designer{margin-top: -15px}
.nbox-pages-d-list{margin-bottom: 0}
.nbox-pages a{color: #FFF;display: inline-block;padding: 8px 12px;margin: 0 3px;background: #CCC}
.nbox-pages a:hover{color: #FFF;background: #C90304}
.nbox-pages span{color: #FFF;background: #C90304;display: inline-block;padding: 8px 12px;margin: 0 3px}
/* 图片内容 */
.nshow{background: #FFF;margin-bottom: 30px;border-bottom: 3px solid #DDD;-webkit-box-shadow: 0 10px 20px 0 #f2f2f2;-moz-box-shadow: 0 10px 20px 0 #f2f2f2;-ms-box-shadow: 0 10px 20px 0 #f2f2f2;-o-box-shadow: 0 10px 20px 0 #f2f2f2;box-shadow: 0 10px 20px 0 #f2f2f2}
.nshow:hover{border-bottom: 3px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
.nshow-box{padding: 30px}
.nshow-box-l{width: 420px;height: 420px;overflow: hidden}
.nshow-box-l img{width: 420px}
.nshow-box-l p{position: absolute;bottom: -44px;background: #C90304;width: 390px;color: #FFF;padding: 15px}
.nshow-box-l:hover p{position: absolute;bottom: 0}
.nshow-box-l:hover img{filter: alpha(opacity=50);opacity: .5}
.nshow-box-r{width: 680px;height: 420px}
.nshow-box-r h1{font-size: 24px}
.nshow-box-r h2{font-size: 24px;padding: 25px 0;margin-bottom: 25px;border-bottom: 1px solid #CCC}
.nshow-box-r dl dt{float: left;height: 30px;line-height: 30px}
.nshow-box-r dl dd{float: left;margin-right: 10px;margin-bottom: 10px;line-height: 30px;background: #FF8296}
.nshow-box-r dl dd a{display: block;color: #FFF;padding: 0 10px}
.nshow-box-r dl dd a:hover{background: #91C8EC;color: #FFF}
.nshow-box-r dl dd a.active{background: #91C8EC;color: #FFF}
.nshow-nav{margin-top: 15px;border-top: 1px solid #CCC}
.nshow-nav-box{margin-top: 20px}
.nshow-nav-box span{display: inline-block;margin-right: 10px;background: #F46}
.nshow-nav-box span a{display: block;padding: 10px 35px;color: #FFF}
.nshow-nav-box span a:hover{color: #FFF}
.nshow-nav-box span:hover{filter: alpha(opacity=50);opacity: .5}
.nshow-nav-box p{margin-top: 20px}
.nshow-nav-box .span-demo{display: inline-block;margin-right: 10px;background: #5DADE2}
.nshow-nav-box .span-fav{display: inline-block;margin-right: 10px;background: #5DE2D1}
.nshow-p{display: inline;font-size: 14px;color: #6C6C6C}
.nshow-p em{font-size: 24px; font-weight:bold; color:#f60; font-family:arial;}
/* 固定导航内容 */
.nshow-main{width: 885px;background: #FFF;border-bottom: 3px solid #DDD;-webkit-box-shadow: 0 10px 20px 0 #f2f2f2;-moz-box-shadow: 0 10px 20px 0 #f2f2f2;-ms-box-shadow: 0 10px 20px 0 #f2f2f2;-o-box-shadow: 0 10px 20px 0 #f2f2f2;box-shadow: 0 10px 20px 0 #f2f2f2}
.nshow-main:hover{border-bottom: 3px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
.nshow-navtitle{width: 885px;height: 49px;line-height: 50px;background: #FFF;border-bottom: 1px solid #CCC}
.nshow-navtitle ul li{float: left;height: 49px;line-height: 50px;background: #FFF;border-bottom: 1px solid #CCC}
.nshow-navtitle ul li a{display: block;padding: 0 30px}
.nshow-navtitle ul li a:hover{background: #C90304;color: #FFF}
.nbox-tab .nbox-tab-active a{background: #C90304;color: #FFF}
.nbox-tab-box{margin: 30px}
.nbox-tab-box img{max-width: 100%}
.nshow-navtitle span a{display: inline-block;width: 50px;height: 49px;line-height: 50px;background: #FFF;border-bottom: 1px solid #CCC;color: #C90304}
.nshow-navtitle span a:hover{background: #C90304;color: #FFF;width: 50px;height: 50px;line-height: 50px;border-bottom: 0}
/* 评论 */
.pl-box{width: 825px}
.pl-box dl{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #EEE}
.pl-box dl dt{width: 50px;margin-right: 15px}
.pl-box dl dt img{-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;width: 50px;height: 50px}
.pl-box dl dd{width: 760px}
.pl-box dl dd p{margin-top: 10px;line-height: 20px}
.pl-more{padding: 12px;background: #FAFAFA;border: 1px solid #EEE}
.fb-box{background: #FAFAFA;border: 1px solid #EEE;margin-top: 20px}
.fb-box dl{padding: 12px}
.fb-box dl dt{width: 50px;margin-right: 15px}
.fb-box dl dt img{-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;width: 50px;height: 50px}
.fb-box dl dd p textarea{width: 708px;height: 120px;line-height: 20px;padding: 12px;border: 1px solid #EEE}
.fb-box-div{margin-top: -1px;background: #FAFAFA;border-radius: 0 0 5px 5px}
.fb-box-div input{-webkit-border-radius: 0 0 5px 0;-moz-border-radius: 0 0 5px 0;-ms-border-radius: 0 0 5px 0;-o-border-radius: 0 0 5px 0;border-radius: 0 0 5px 0;position: absolute;top: -1px;right: -1px;width: 80px;height: 39px;line-height: 39px;background: #AAA;color: #FFF;border: 0}
.fb-box-div input:hover{background: #C90304;color: #FFF}
.fb-box dl dd p textarea:focus{border: 1px solid #C90304;box-shadow: 0 0 10px 0 #C90304}
/* 新闻 */
.n-news ul{margin-left: -30px;margin-top: -15px}
.n-news ul li{float: left;width: 376px;height: 90px;margin-top: 15px;margin-left: 30px;border-bottom: 3px solid #eee}
.n-news ul li dl{padding: 12px}
.n-news ul li dl dt{padding-bottom: 5px}
.n-news ul li dl dd{float: left;margin: 0 5px;line-height: 25px}
.n-news ul li dl .ddml0{margin-left: 0}
.n-news ul li:hover{border-bottom: 3px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
.n-news ul li dl dt i{-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;margin-right: 5px;border: 2px solid #C90304;color: #C90304;padding: 1px 5px}
.n-news-box{margin-top: 5px}
.n-news-box-b{width: 376px;height: 376px;margin-right: 30px}
.slideBox2{height: 376px;overflow: hidden}
.slideBox2 .hd{width: 376px;padding: 10px 0;background: #EEE;filter: alpha(opacity=90);opacity: .9;position: absolute;bottom: 0}
.slideBox2 .hd ul li{cursor: pointer;display: inline-block;margin: 0 3px;width: 10px;height: 10px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;background: #FFF}
.slideBox2 .hd ul li.on{background: #C90304}
.n-news-box-l{width: 376px;height: 373px;border-bottom: 3px solid #eee;margin-right: 30px}
.n-news-box-l .n-news-box-l-p12{padding: 12px}
.n-news-box-l dl dt{border-bottom: 1px dotted #CCC;padding: 10px 0;height: 85px}
.n-news-box-l dl dt p{padding-top: 10px;line-height: 20px}
.n-news-box-l dl dt i{margin-right: 5px;background: #C90304;color: #FFF;padding: 3px 5px;color: #FFF}
.n-news-box-l dl dd{position: relative;padding: 0 12px;height: 35px;line-height: 35px}
.n-news-box-l:hover{border-bottom: 3px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
.i-t-r{position: absolute;top: 14px;left: 4px;width: 0;height: 0;border-top: 3px solid transparent;border-left: 3px solid #CCC;border-bottom: 3px solid transparent}
.n-news-box-l dl dd:hover .i-t-r{border-left: 3px solid #F60}
.n-news-box-l dl .ddbe{background: #EEE}
.n-news-box-r{width: 376px;background: #FD424B;height: 116px}
.n-news-box-r-down{position: relative;top: 18px;left: 20px;background-position: -140px -119px;width: 80px;height: 80px}
.n-news-box-r-down-span{position: absolute;top: 18px;right: 20px;color: #FFF}
.n-news-box-r-down-span p{margin: 10px 0 20px 0}
.n-news-box-r-down-span a{-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;background: #CA343C;color: #FD424B;padding: 5px 10px}
.n-news-box-r-down-span .down-span-a2{background: #C8A246;color: #FBCB58}
.n-news-box-r-down-span .down-span-a3{background: #448ACC;color: #55ADFF}
.n-news-box-r-down-span a:hover{background: #FDF8BE}
.down-div2{background: #FBCB58;margin-top: 14px}
.down-div3{background: #55ADFF;margin-top: 14px}
/* 动态 */
.news-b2{width: 376px;border-bottom: 3px solid #eee;margin-left: 30px}
.news-b2-ml{margin-left: 0}
.news-b2 dl dt{padding: 0 12px;height: 45px;line-height: 45px;border-bottom: 1px solid #CCC}
.news-b2 dl dt span{position: absolute;bottom: -1px;border-bottom: 1px solid #C90304}
.news-b2 dl .news-p12{padding: 12px 0}
.news-b2 dl dd{width: 352px;height: 35px;line-height: 35px;margin: 0 auto}
.news-b2 dl dd i{-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;background: #AAA;color: #FFF;padding: 1px 5px;margin-right: 5px}
.news-b2 dl dd i.active{background: #C90304}
.news-b2:hover{border-bottom: 3px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
/* 素材代码 */
.news-b3{width: 782px;height: 386px;border-bottom: 3px solid #eee}
.news-b3 dl dt{padding: 0 12px;height: 45px;line-height: 45px;border-bottom: 1px solid #CCC}
.news-b3 dl dt span{position: absolute;bottom: -1px;border-bottom: 1px solid #C90304}
.news-b3 dl dd{float: left;margin: 12px 0 12px 12px;width: 180px}
.news-b3 dl dd span{height: 135px;overflow: hidden}
.news-b3 dl dd span img{width: 180px}
.news-b3 dl dd span img:hover{filter: alpha(opacity=50);opacity: .5}
.news-b3:hover{border-bottom: 3px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
.news-b3 dl dd .news-ico{color: #BBB;width: 180px;height: 25px;line-height: 25px}
.news-b3 dl dd .news-ico i{margin-left: 5px}
.news-b3 dl dd .news-ico .iml0{margin-left: 0}
.news-list{float: left;margin-left: 12px;width: 372px;margin-bottom: 12px}
.news-list li{position: relative;text-indent: 8px;height: 27px;line-height: 27px}
.news-list li i{position: absolute;top: 11px;width: 0;height: 0;border-top: 3px solid transparent;border-left: 3px solid #CCC;border-bottom: 3px solid transparent}
.news-list li:hover i{border-left: 3px solid #F60}
/* 特效代码 */
.news-ts{width: 376px;height: 386px;border-bottom: 3px solid #eee}
.news-ts dl dt{padding: 0 12px;height: 45px;line-height: 45px;border-bottom: 1px solid #CCC}
.news-ts dl dt span{position: absolute;bottom: -1px;border-bottom: 1px solid #C90304}
.news-ts:hover{border-bottom: 3px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
.news-ts dl dd{margin-top: 12px;padding: 0 12px}
.news-ts dl dd span{margin-right: 12px;width: 93px;height: 70px;overflow: hidden}
.news-ts dl dd span img{width: 93px}
.news-ts dl dd span img:hover{filter: alpha(opacity=50);opacity: .5}
.news-ts dl dd .news-ts-div{width: 247px;height: 70px;overflow: hidden}
.news-ts dl dd .news-ts-div h1{height: 22px;line-height: 22px;overflow: hidden}
.news-ts dl dd .news-ts-div h1 i{-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;background: #AAA;color: #FFF;padding: 1px 5px;margin-right: 5px}
.news-ts dl dd .news-ts-div h1 i.active{background: #C90304}
.news-ts dl dd .news-ts-div p{padding-top: 10px;color: #AAA}
.news-banner{height: 100px}
/* 列表页 */
.list-l{width: 860px;border-bottom: 3px solid #eee}
.list-l h1{padding-left: 24px;height: 50px;line-height: 50px;border-bottom: 1px solid #CCC}
.list-l h1 span{position: absolute;bottom: -1px;border-bottom: 1px solid #C90304}
.list-l .list-l-p12{padding: 12px}
.list-l-p12 ul li{height:151px;border-bottom: 2px dashed #f2f1f1;padding: 20px 0px;}
.list-l-p12 ul li span{width: 169px;height: 127px;overflow: hidden;margin-right: 15px}
.list-l-p12 ul li span img{width: 169px}
.list-l-p12 ul li span img:hover{filter: alpha(opacity=50);opacity: .5}
.list-l-p12 ul li h2{margin-bottom: 6px}
.list-l-p12 ul li h2 a{color: #383838;font:300 18px 'microsoft yahei'; }
.list-l-p12 ul li h2 a:hover{color: #d6623d;}
.list-l-p12 ul li p{font-size: 13px;line-height:30px;font-family:'microsoft yahei';table-layout:fixed; word-break: break-all;padding-right:10px;overflow:hidden;}
.list-l-p12 ul li p a{color: #F60}
.list-l-p12 ul li.active{background: #FAFAFA}
.list-l:hover{border-bottom: 3px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
.list-r{width: 300px;border-bottom: 3px solid #eee}
.list-r h1{padding-left: 24px;height: 50px;line-height: 50px;border-bottom: 1px solid #CCC}
.list-r h1 span{position: absolute;bottom: -1px;border-bottom: 1px solid #C90304}
.list-r ul{margin: 0 12px 12px 12px}
.list-r ul li{float: left;width: 120px;height: 35px;line-height: 35px;background: #AAA;margin-top: 12px;margin-left: 12px}
.list-r ul li a{display: block;color: #FFF}
.list-r ul li a:hover,.list-r ul li a.active{background: #C90304}
.list-r:hover{border-bottom: 3px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
.list-hot{margin-top: 30px}
.list-hot ul li{float: none;background: 0 0;width: 252px;height: 20px;line-height: 20px}
.list-hot ul li a{color: #6C6C6C}
.list-hot ul li a:hover{background: 0 0;color: #F60}
.list-hot ul li i{-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;background: #AAA;color: #FFF;padding: 1px 5px;margin-right: 5px}
.list-hot ul li i.active{background: #C90304}
/* 新闻内页 */
.news-show{padding: 12px;line-height: 200%}
.news-show img{max-width: 100%}
.news-show-pn{margin-top: 6px}
.news-show-pn a{width: 0;height: 0;overflow: hidden;filter: alpha(opacity=0);opacity: 0}
.news-show:hover .news-show-pn a{color: #FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;display: block;width: 80px;height: 30px;line-height: 30px;background: #CCC;filter: alpha(opacity=100);opacity: 1}
.news-show:hover .news-show-pn a:hover{background: #C90304}
.news-show-div{border: 1px solid #EEE;background: #FAFAFA;padding: 10px;margin-bottom: 6px}
.news-show-div h2{font-size: 25px;color: #d6623d;font-family:'microsoft yahei';line-height:40px}
.news-show-c{margin-top: 30px}
.news-show-c-box{margin: 20px 12px}
.nshow-main2{width: 860px;background: #FFF;border-bottom: 3px solid #eee}
.nshow-navtitle2{width: 860px;height: 49px;line-height: 50px;background: #FFF;border-bottom: 1px solid #CCC}
.nshow-navtitle2 ul li{float: left;height: 49px;line-height: 50px;background: #FFF;border-bottom: 1px solid #CCC}
.nshow-navtitle2 ul li a{display: block;padding: 0 30px}
.nshow-navtitle2 ul li a:hover{background: #C90304;color: #FFF}
.nshow-main2:hover{border-bottom: 3px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
.pl-box2{width: 100%}
.pl-box2 dl{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #EEE}
.pl-box2 dl dt{width: 50px;margin-right: 15px}
.pl-box2 dl dt img{width: 50px;height: 50px}
.pl-box2 dl dd{width: 771px}
.pl-box2 dl dd p{margin-top: 10px;line-height: 20px}
/* 设计师列表 */
.d-box{border-bottom: 3px solid #eee}
.d-box ul{padding: 15px}
.d-box ul li{border-bottom: 1px dotted #EEE;padding-bottom: 15px;margin-bottom: 15px}
.d-box ul li .d-box-l{min-width: 322px}
.d-box ul li .d-box-l img{margin-right: 15px;width: 120px;height: 120px}
.d-box ul li .d-box-l img:hover{filter: alpha(opacity=50);opacity: .5}
.d-box ul li .d-box-r p{padding-top: 10px}
.d-box ul li .d-box-r div{position: absolute;bottom: 0}
.d-box ul li .d-box-r div a{display: inline-block;width: 80px;height: 25px;line-height: 25px;margin-right: 10px;background: #6C6C6C;color: #FFF}
.d-box ul li .d-box-r div a.active{background: #C90304}
.d-box:hover{border-bottom: 3px solid #C90304;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC}
.d-box-img dl dt{float: right;margin-left: 15px;width: 40px;height: 120px;overflow: hidden;line-height: 108px;background: #FAFAFA;overflow: hidden}
.d-box-img dl dt a{display: block;padding-bottom: 10px;font-size: 30px}
.d-box-img dl dt:hover{background: #C90304}
.d-box-img dl dt:hover a{color: #FFF}
.d-box-img dl dd{float: left;margin-left: 15px;width: 120px;height: 120px;overflow: hidden}
.d-box-img dl dd img{width: 120px}
.d-box-img dl dd img:hover{filter: alpha(opacity=50);opacity: .5}
/* 设计师内页 */
.d-box-list{background: #FAFAFA;border-bottom: 0}
.d-box-list:hover{border-bottom: 0;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none}
.d-box .d-box-show{margin-bottom: 0;padding-bottom: 0;border-bottom: 0}
.d-box .d-box-a{margin-left: 15px;background: #AAA;color: #FFF;width: 120px;height: 120px;line-height: 120px}
.d-box .d-box-a.active{background: #F60}
.d-box-s-list{margin-top: 15px}
.d-box-s-list-l{width: 905px}
.d-box-s-list-l ul{margin-left: -15px}
.d-box-s-list-l ul li{position: relative;float: left;margin-left: 15px;margin-bottom: 15px;width: 215px;height: 215px;overflow: hidden}
.d-box-s-list-l ul li img{width: 215px}
.d-box-s-list-l ul li img:hover{filter: alpha(opacity=50);opacity: .5}
.d-box-s-list-l ul li a{color: #FFF}
.d-box-s-list-l ul li p{position: absolute;bottom: -30px;background: #C90304;width: 215px;height: 30px;line-height: 30px}
.d-box-s-list-l ul li:hover p{position: absolute;bottom: 0}
.d-box-s-list-r{width: 270px}
.d-box-s-list-r h1{margin-top: 30px;border-bottom: 1px solid #EEE}
.d-box-s-list-r h1 span{position: absolute;bottom: -1px;padding-bottom: 15px;border-bottom: 1px solid #C90304}
.d-box-s-list-r dl{margin-left: -15px}
.d-box-s-list-r dl dd{float: left;margin-left: 15px;margin-top: 15px}
.d-box-s-list-r dl dd p{padding-top: 5px;width: 56px;height: 12px;overflow: hidden}
.d-box-s-list-r dl dd img{width: 56px;height: 56px}
.d-box-s-list-r dl dd img:hover{filter: alpha(opacity=50);opacity: .5}
.d-box-s-list-r-mt30{margin-top: 30px}
/* 单页 */
.npage{margin-bottom: 0}
.npage-class{border-bottom: 1px solid #CCC;margin-bottom: 20px}
.npage-class a{position: relative;bottom: -1px;display: inline-block;text-align: center;width: 116px;height: 49px;line-height: 50px}
.npage-class a.active{background: #C90304;color: #FFF}
.npage-box{line-height: 24px;}
.npage-box img{max-width: 100%}
.npage-pages{margin-top: 15px}
.npage-pages a{display: inline-block;padding: 5px 15px;margin-left: -1px;background: #FAFAFA;border: 1px solid #EEE}
.npage-pages a:hover{background: #FFF}
.npage-pages a:first-child,.npage-pages span:first-child{-webkit-border-radius: 5px 0 0 5px;-moz-border-radius: 5px 0 0 5px;-ms-border-radius: 5px 0 0 5px;-o-border-radius: 5px 0 0 5px;border-radius: 5px 0 0 5px}
.npage-pages a:last-child{-webkit-border-radius: 0 5px 5px 0;-moz-border-radius: 0 5px 5px 0;-ms-border-radius: 0 5px 5px 0;-o-border-radius: 0 5px 5px 0;border-radius: 0 5px 5px 0}
.npage-pages span{display: inline-block;padding: 5px 15px;background: #C90304;color: #FFF;border: 1px solid #C90304}
/* 表格 */
.ps-table table{table-layout: fixed;width: 100%}
.ps-table table thead{background: #EEE}
.ps-table table td,.ps-table table th{padding: 15px;border: 1px solid #CCC}
.ps-table table tbody tr:nth-child(2n){background: #FAFAFA}
.ps-table table tbody tr:hover{background: #F0F0F0}
.ps-table i{display: inline-block;width: 15px;height: 10px;background: url(../images/yes.gif) no-repeat}
.ps-table-mt20{margin-top: 20px}
.ps-table strong{font-size: 16px;padding-right: 5px;color: #C90304}
.ps-table a{display: inline-block;padding: 8px 20px;margin: -8px 0;background: #0CF;color: #FFF;border-bottom: 3px solid #01A7D0;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px}
.ps-table a:hover{filter: alpha(opacity=80);opacity: .8}
/* 瀑布流 */
.case-item{width: 1210px;margin-left: -10px;margin-top: -10px}
.case-item img{width: 270px}
.case-item .cell{position: relative;width: 270px;overflow: hidden;margin: 10px;border: 1px solid #EEE;background: #FFF;padding: 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px}
.case-item .cell:hover img{filter: alpha(opacity=50);opacity: .5}
.case-item .cell p{height: 30px;line-height: 30px}
.case-item .cell:hover{border: 1px solid #0585E8;background: #09F;-webkit-box-shadow: 0 10px 20px 0 #09F;-moz-box-shadow: 0 10px 20px 0 #09F;-ms-box-shadow: 0 10px 20px 0 #09F;-o-box-shadow: 0 10px 20px 0 #09F;box-shadow: 0 10px 20px 0 #09F}
.case-item .cell:hover a{color: #FFF}
/* 修复 */
.xf-show{line-height: 200%}
.xf-show img{max-width: 100%}
.xf-title{background: #FAFAFA;border-left: 3px solid #EEE;padding: 15px;margin-bottom: 15px}
.xf-pages span{position: fixed;z-index: 1;top: 50%;display: block;width: 100px;height: 100px;line-height: 100px;background: #000;filter: alpha(opacity=50);opacity: .5}
.xf-pages span:hover{filter: alpha(opacity=80);opacity: .8}
.xf-pages a{display: block;font-size: 50px;color: #FFF}
.xf-pl{left: 0}
.xf-pr{right: 0}
.npage-box:hover .xf-pages{display: block}
.npage-news{margin-top: -15px}
.npage-news div,.npage-news p{line-height:33px;font-size:16px;font-family:'microsoft yahei';}
.class-nav{z-index: 2;height: 43px;overflow: hidden}
.class-nav a{padding: 6px;background: #FFF;border: 1px solid #EEE}
.class-nav a:hover{border: 1px solid #F60}
.class-nav a i{display: inline-block;background: #EEE;color: #FFF;width: 14px;height: 14px;line-height: 14px;text-align: center;margin-left: 5px}
.class-nav a:hover i{background: #F60}
.class-ul{position: absolute;right: 0;top: 42px;z-index: 1;background: #FFF;min-width: 81px}
.class-ul li{line-height: 33px}
.class-ul li a{display: block;padding: 0 6px}
.class-ul li a:hover,.class-ul li a.active{background: #F60;color: #FFF}
/* 下载 */
.ndown{border-bottom: 1px dotted #CCC;padding-bottom: 6px}
.ndown-sm{position: absolute;top: 0;right: 0;padding: 12px;background: #F60;color: #FFF}
.ndown-sm font{font-size: 30px}
.ndown-a{margin-left: -6px}
.ndown-a a{-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;display: inline-block;border-bottom: 3px solid #01A7D0;color: #FFF;margin: 6px;padding: 6px 24px;background: #0CF}
.ndown-a a:hover{filter: alpha(opacity=50);opacity: .5}
.ndown-main{border-left: 3px solid #CCC;margin: 6px 0;padding: 12px;background: #FAFAFA}
/* 错误 */
.errormsg{margin: 50px 0}
.errormsg span{font-size: 30px;display: inline-block}
.errormsg span i{margin-right: 12px;display: inline-block;width: 60px;height: 60px;line-height: 60px;background: #F33;color: #FFF;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%}
/* 会员 */
.u-bg{background: #FAFAFA}
.gb-login{float: left;position: relative;top: 5px;margin-right: 6px}
.u-box{border: 1px solid #EEE;background: #FFF}
.u-box-bg{background: #FFF url(../images/u-menu-bg.png) repeat-y}
.u-nav{height: 44px;line-height: 44px;border-bottom: 1px solid #EEE}
.u-nav ul li{float: left;width: 297px;background: url(../images/u-nav.jpg) top right no-repeat}
.u-nav ul li.end{background: 0 0}
.u-nav ul li a{display: block}
.u-nav ul li .active-on{color: #FFF;background: #8B8B8B url(../images/u-nav.jpg) bottom right no-repeat}
.u-nav ul li .active-off{background: url(../images/u-nav.jpg) center right no-repeat}
.u-nav ul li .active-end{color: #FFF;background: #8B8B8B}
.u-main{margin: 50px 30px;background: url(../images/u-main.png) repeat-y}
.u-left{width: 650px}
.u-right{width: 478px}
.u-form{padding: 40px 20px}
.u-form ul{margin-top: -10px;margin-bottom: -10px;margin-right: 200px}
.u-form ul li input{width: 200px;border: 1px solid #DDD;padding: 10px;margin: 10px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px}
.u-form ul li input:hover{border: 1px solid #8B8B8B}
.u-form ul li input:focus{border: 1px solid #8B8B8B}
.u-form ul .bnt{margin-left: -10px}
.u-form ul .bnt input{padding: 10px 0;background: #8B8B8B;color: #FFF;width: 119px;margin: 10px;border: 0}
.u-form ul .bnt input:hover{background: #C90304;border: 0}
.u-api{margin-top: 45px}
.u-api p{margin-left: 50px;margin-top: 10px}
#reg{margin-left: 40px}
#u-pass #strength,#reg #strength{margin-left: 60px;width: 190px;height: 16px;line-height: 16px;display: block;text-indent: 110px;color: #999}
#u-pass div,#reg div{background: url(../images/strength.png) 0 0 no-repeat}
#u-pass .nothing,#reg .nothing{background-position: 0 0}
#u-pass .normal,#reg .normal{background-position: 0 -12px}
#u-pass .general,#reg .general{background-position: 0 -26px}
#u-pass .special,#reg .special{background-position: 0 -40px}
#u-pass li select{border: 1px solid #CCC; padding: 9px;}
.msg-box{top: 15px}
.u-h-face{margin-top: 5px;margin-right: 3px}
.u-h-face img{-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%}
.u-color{color: #458401}
.u-close{padding: 100px}
.u-close i{-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;margin-right: 5px;display: inline-block;background: #09F;color: #FFF;width: 22px;height: 22px;line-height: 22px}
.u-reg-img{position: relative;top: 8px;left: 3px}
.u-dis{background: #FAFAFA;border: 1px solid #EEE}
.u-nbg{background: 0 0}
.u-agreement{line-height: 200%}
.u-r-a{color: #09F;margin: 10px 0}
.u-menu{width: 164px}
.u-menu dl{margin-left: -1px;border-bottom: 1px solid #EEE;padding: 5px 0}
.u-menu dl dt{margin: 10px 20px;color: #C2C2C2}
.u-menu dl dt i{position: relative;top: 3px;display: inline-block;background: url(../images/icon_menu.png) 0 0 no-repeat}
.u-menu dl dt .u-ico1{background-position: 0 0;margin-right: 8px;width: 18px;height: 18px}
.u-menu dl dt .u-ico2{background-position: 0 -22px;margin-right: 8px;width: 18px;height: 18px}
.u-menu dl dt .u-ico3{background-position: 0 -46px;margin-right: 8px;width: 18px;height: 18px}
.u-menu dl dt .u-ico4{background-position: 0 -68px;margin-right: 8px;width: 18px;height: 18px}
.u-menu dl dt .u-ico5{background-position: 0 -91px;margin-right: 8px;width: 18px;height: 18px}
.u-menu dl dt .u-ico6{background-position: 0 -114px;margin-right: 8px;width: 18px;height: 18px}
.u-menu dl dd{height: 36px;line-height: 36px;text-indent: 46px}
.u-menu dl dd a{display: block;font-size:14px;}
.u-menu dl dd a.active,.u-menu dl dd a:hover{background: #8B8B8B;color: #FFF}
.u-menu dl.bt0{border-bottom: 0}
.u-all{width: 1024px}
.u-i-p20{padding: 20px}
.u-i-top-l{background: #7CBAE5;border: 1px solid #73AFD9;width: 580px;height: 120px}
.u-i-top-l a{display: inline-block;width: 290px;height: 120px;color: #FFF}
.u-i-top-l a:hover{background: #73AFD9;color: #FFF}
.u-i-top-l a p{padding-top: 25px;font-size: 40px}
.u-i-top-l a p em,.u-i-top-r a p em{position: relative;top: 5px;margin-right: 3px;display: inline-block;background: url(../images/ico-r.png) 0 0 no-repeat}
.u-i-top-l a p .u-i-ico1{background-position: 0 0;width: 40px;height: 40px}
.u-i-top-l a p .u-i-ico2{background-position: 0 -48px;width: 40px;height: 40px}
.u-i-top-r a p .u-i-ico3{background-position: 0 -95px;width: 40px;height: 40px}
.u-i-top-l i{position: absolute;top: 20px;right: 290px;width: 1px;height: 80px;border-right: 1px solid #73AFD9}
.u-i-top-r{background: #60D295;border: 1px solid #57C78B;width: 380px;height: 120px}
.u-i-top-r a{display: block;height: 120px;color: #FFF}
.u-i-top-r a p{padding-top: 25px;font-size: 40px}
.u-i-top-r a:hover{background: #57C78B;color: #FFF}
.u-i-top-l-no:hover{margin-left: -1px;padding-left: 1px}
.u-i-center{text-indent: 20px;border: 1px solid #EEE}
.u-i-center h1{height: 39px;line-height: 39px;border-bottom: 1px solid #EEE;background: #F4F5F9}
.u-i-center ul{margin-top: -1px}
.u-i-center ul li{height: 36px;line-height: 36px;border-top: 1px solid #EEE}
.u-i-center ul li span{margin-right: 20px;color: #B2B2B2}
.u-i-center ul li i{display: inline-block;width: 17px;height: 9px;margin-left: 5px;background: url(../images/new.gif) no-repeat}
.u-i-center ul li a{display: block}
.u-i-center dl{margin-top: -1px;padding: 20px 0;border-top: 1px solid #EEE}
.u-i-center dl dt span{color: #B2B2B2;display: inline-block;width: 60px;margin-right: 20px;text-indent: 0}
.u-i-center dl dt img{vertical-align: top;width: 80px;height: 80px}
.u-i-center dl dd{margin-right: 20px;margin-top: -13px}
.u-i-center dl dd.dimg{margin-top: -80px}
.u-i-center dl dd p{color: #B2B2B2;padding-top: 10px}
.u-i-center dl dd a{color: #09F}
.u-i-center dl i{position: relative;top: 4px;display: inline-block;width: 18px;height: 18px;background: url(../images/v.gif) no-repeat}
.u-i-center ol{margin: 0 20px 20px 0}
.u-i-center ol li{position: relative;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;float: left;padding: 10px;background: #F4F5F9;border: 1px solid #EEE;margin-left: 20px;margin-top: 20px;text-indent: 0}
.u-i-center ol li img{width: 198px;height: 198px}
.u-i-center ol li p{padding-top: 10px}
.u-i-center ol .title{filter: alpha(opacity=0);opacity: 0;position: absolute;top: 10px;left:10px;width: 198px;height: 198px;line-height: 198px;background: #09F;color: #FFF}
.u-i-center ol li:hover .title{filter: alpha(opacity=80);opacity: .8}
.u-n-box{border-bottom: 1px solid #EEE}
.u-n-box ul{margin-left: -25px}
.u-n-box ul li{position: relative;top: 1px;float: left}
.u-n-box ul li a{display: block;margin: 0 25px;padding: 5px 0 15px 0;font-size:14px;}
.u-n-box ul li a.active{border-bottom: 1px solid #F60;color: #F60}
.u-table{width: 100%;margin-top: 15px;border: 1px solid #EEE}
.u-table th{padding: 12px;border: 1px solid #EEE;background: #F4F5F9}
.u-table .uline{border-bottom: 1px solid #EEE;}
.u-table td{padding: 12px;border: 1px solid #EEE;line-height: 150%}
.u-table td span{color: #458401}
.u-table img{vertical-align: middle;width: 50px;line-height: 50px;margin-right: 8px}
.u-table .thno{background: 0 0}
.u-table img.thumb{width: 112px;border: 1px #EBEBEB solid;}
.u-table .item{padding:5px 0 5px 10px;}
.u-table .txt_left{text-align:left;padding-left:25px;}
.u-a-color{color: #09F}
.u-form_all{border: 1px solid #EEE;margin-top: 20px}
.u-form_all ul{text-indent: 20px}
.u-form_all ul h1{height: 39px;line-height: 39px;border-bottom: 1px solid #EEE;background: #F4F5F9}
.u-form_all ul li{position: relative;height: 56px;line-height: 56px;border-bottom: 1px solid #EEE}
.u-form_all ul li i{margin-right: 20px;color: #B2B2B2}
.u-form_all ul li input{width: 200px;padding: 10px;border: 1px solid #DDD}
.isradio{width:auto!important;}
.u-form_all .u-text{height: 200px}
.u-form_all .u-text textarea{position: absolute;left: 100px;top: 10px;width: 541px;padding: 10px;height: 159px;border: 1px solid #DDD}
.u-form_all .u-text .msg-box{left: 563px}
.u-form_all .u-text textarea:hover,.u-form_all li input:hover{border: 1px solid #8B8B8B}
.u-form_all .u-text textarea:focus,.u-form_all li input:focus{border: 1px solid #8B8B8B}
.u-form_all li em{color: #929292;display: inline-block;width: 60px;margin-right: 20px;text-indent: 0}
.u-message_show li em{color: #6C6C6C;width: auto;margin-right: auto}
.u-form_all dd input{-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;padding: 10px 0;background: #8B8B8B;color: #FFF;width: 119px;margin: 10px 0;border: 0}
.u-form_all dd input:hover{background: #C90304}
.u-form_all .searchBtn{-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;padding: 11px 0;background: #006699;color: #FFF;width: 60px;margin: 10px 0;border: 1px solid #006699;}
.u-form_all .searchBtn:hover{background: #C90304;border: 1px solid #C90304;}
.msg-box{text-indent: 0;margin-top: -2px}
.u-sex .msg-box{display: none}
.custom-radio,.custom-checkbox{position: relative;display: inline-block}
.custom-radio label,.custom-checkbox label{position: relative;margin-right: 10px;line-height: 20px;background: url(../images/radiobutton.gif) no-repeat}
.custom-radio label,.custom-checkbox label{text-indent: 28px;display: block;cursor: pointer;background-position: -10px -18px}
.custom-radio label.checked,.custom-checkbox label.checked{background-position: -10px -218px}
.custom-radio input,.custom-checkbox input{position: absolute;z-index: -1}
.u-news{-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;background: #F60;color: #FFF;margin-left: 3px;padding: 1px 5px}
.u-news a,.u-news a:hover{color: #FFF}
.u-form_all .u-m-show{padding: 20px;height: auto;text-indent: 0}
.u-form_all .u-m-show p{line-height: 200%}
.u-form_all .u-m-show-a a{text-indent: 0;display: inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;padding: 10px 0;background: #8B8B8B;color: #FFF;width: 119px;margin: 10px 0;border: 0}
.u-form_all .u-m-show-a a:hover{background: #C90304}
.u-lc{text-indent: 0;color: #B2B2B2}
.u-lc span{-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;display: inline-block;width: 20px;height: 20px;line-height: 20px;margin: 0 10px;border: 3px solid #B2B2B2}
.u-lc span.active{border: 3px solid #09F}
.u-lc u{color: #09F}
.u-class{padding: 10px 0;border-top: 1px solid #EEE;margin-top: -1px}
.u-class dt{margin-top: 20px;margin-left: 10px}
.u-class div{width: 894px}
.u-class div dd{text-indent: 0;float: left;margin: 10px}
.u-class div dd a{display: block;padding: 10px;border: 1px solid #EEE}
.u-class div dd a:hover{border: 1px solid #F60}
.u-publish{margin-top: -1px;background: #FAFAFA;border-top: 1px solid #EEE}
.u-p-no{padding-bottom: 35px}
.formname .u-p-sc{margin-left: 5px;background: #F60;width: 60px;height: 37px;padding: 0;overflow: hidden;color: #FFF;border: 0}
.formname .u-p-yl{margin-left: 5px;background: #09F;width: 60px;height: 37px;padding: 0;overflow: hidden;color: #FFF;border: 0}
.formname .u-p-sc:hover,.formname .u-p-yl:hover{border: 0;filter: alpha(opacity=80);opacity: .8}
.formname .u-p-sc:focus,.formname .u-p-yl:focus{border: 0}
.formname .u-p-nr{height: 383px}
.formname .u-p-textarea{text-indent: 0;line-height: 0;margin: 0 20px}
.formname .edui-default .edui-editor{border: 1px solid #EEE;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0}
.formname .edui-default .edui-editor-toolbarbox{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0}
.formname .edui-default .edui-editor-toolbarboxouter{border-bottom: 1px solid #EEE;filter: none;background: #FFF;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0}
.formname .edui-default .edui-editor-bottomContainer td{border-top: 1px solid #EEE}
.formname .edui-default .edui-editor-breadcrumb span{color: #09F}
.formname .u-photo{height: 263px}
.formname .bnt{background:#5BA4DD;border:1px solid #5A9BD9;border-radius:4px;color:#fff;padding:7px 15px;*padding:7px 15px 6px 15px;cursor:pointer;font-size:14px;*overflow:visible;*filter:chroma(color=#000000);margin-right:5px;}
.formname .bnt:hover{background:#f60;border:1px solid #f60;}
.photo{text-indent: 0;margin-top: -20px;background: #FFF;padding: 20px}
.photo a.next,.photo a.prev{display: block;width: 26px;height: 128px;line-height: 128px;float: left;border: 1px solid #EEE;cursor: pointer}
.photo a.next:hover,.photo a.prev:hover{border: 1px solid #F60}
.photo .mlist{display: block;float: left;margin: 0 10px;border: 1px solid #EEE;width: 370px;height: 128px;overflow: hidden}
.photo .mlist ul{text-indent: 0;position: absolute;height: 128px;overflow: hidden}
.photo .mlist ul li{float: left;margin-left: 10px;margin-top: 10px;width: 80px;height: 128px;overflow: hidden}
.photo .mlist ul li a{display: block;height: 80px;overflow: hidden}
.photo .mlist ul li a img{width: 80px}
.photo .mlist ul li div{line-height: 0;border: 1px solid #EEE;background: #FAFAFA;margin-top: 3px;padding: 6px}
.photo .mlist ul li div img{cursor: pointer}
.leftarr{margin-right: 10px}
.formname .album{text-indent: 0;position: absolute;left: 20px;bottom: 25px}
.formname .album input{margin-right: 10px;width: 80px;padding: 10px;border: 0;background: #f60;color: #FFF}
.formname .album input:hover{border: 0;filter: alpha(opacity=80);opacity: .8}
.formname .album input:focus{border: 0}
#selectFile{background: #09F}
#picurl{padding: 10px;width: 320px;height: 200px;border: 1px solid #EEE}
.u-pay{position: relative;top: 5px}
.u-pay img{position: relative;top: -5px}
.u-face-img{-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%}
.u-avatar{width: 630px;margin: 50px auto}
#u-pass .u-pass-li{height: 80px}
#u-pass .u-pass-li dd{margin-left: 40px}
/* 扩展 */
#cartnum{padding: 2px 5px;margin-left: 2px;color: #FFF;background: #C90304;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px}
.pro-input{border: 0;background: #FF8296;padding: 15px 35px;color: #FFF}
.cart-box-title{margin-bottom: 20px}
.cart-box-title h1{height: 36px;line-height: 36px}
.cart-box-title .cart-box-div span{display: inline-block;background: #272727;padding: 10px 20px;color: #FFF}
.cart-box-title .cart-box-div span:first-child{-webkit-border-radius: 20px 0 0 20px;-moz-border-radius: 20px 0 0 20px;-ms-border-radius: 20px 0 0 20px;-o-border-radius: 20px 0 0 20px;border-radius: 20px 0 0 20px}
.cart-box-title .cart-box-div span:last-child{-webkit-border-radius: 0 20px 20px 0;-moz-border-radius: 0 20px 20px 0;-ms-border-radius: 0 20px 20px 0;-o-border-radius: 0 20px 20px 0;border-radius: 0 20px 20px 0}
.cart-box-title .cart-box-div span.active{background: url(../images/cart-load.gif) repeat-x}
.cart-box-title .cart-box-div span.active2{background: url(../images/cart-load.gif) -2px 0 repeat-x}
.cart-table-bug{border-bottom: 0}
#shophtml{margin-top: -1px;margin-left: -1px;margin-right: -1px;border-bottom: 1px solid #EEE;padding-bottom: 20px}
#shophtml table{width: 100%;text-indent: 0}
#shophtml table th{padding: 12px;text-align: center;border: 1px solid #EEE}
#shophtml table td{padding: 12px;text-align: center;border: 1px solid #EEE;line-height: 150%}
#shophtml table tr{background: 0 0}
#shophtml .orderinfo{line-height: 150%;margin-top: 20px;margin-right: 20px;text-align: right}
#shophtml .orderinfo span{color: #F60;margin: 0 4px}
#shophtml .orderinfo select{float: left;margin-top: -1px;margin-left: 20px;border: 1px solid #EEE;padding: 10px}
#shophtml .ordertotal{margin-right: 20px;margin-top: 10px;text-align: right}
#shophtml .ordertotal span{color: #F60;font-size: 14px;margin: 0 4px}
.cart-table-bug-raido ul li .msg-box{position: absolute;top: 0;right: 0}
#cartlist table{width: 100%}
#cartlist table th{padding: 12px;text-align: center;border: 1px solid #EEE;background: #F4F5F9}
#cartlist table td{padding: 12px;text-align: center;border: 1px solid #EEE;line-height: 150%}
#cartlist table img{width: 50px;height: 50px}
#cartlist table .info{text-align: right}
#cartlist table span{color: #F60}
#cartlist table .quantity{font-family: \5b8b\4f53;border: 1px solid #EEE;text-align: center;width: 30px;padding: 5px 0;padding: 6px 0 7px 0\9;position: relative\9;top: 1px\9}
#cartlist table .min{font-family: \5b8b\4f53;display: inline-block;border: 1px solid #EEE;padding: 3px 0;width: 20px;margin-right: -1px;background: #FAFAFA;-webkit-border-radius: 10px 0 0 10px;-moz-border-radius: 10px 0 0 10px;-ms-border-radius: 10px 0 0 10px;-o-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px}
#cartlist table .max{font-family: \5b8b\4f53;display: inline-block;border: 1px solid #EEE;padding: 3px 0;width: 20px;margin-left: -1px;background: #FAFAFA;-webkit-border-radius: 0 10px 10px 0;-moz-border-radius: 0 10px 10px 0;-ms-border-radius: 0 10px 10px 0;-o-border-radius: 0 10px 10px 0;border-radius: 0 10px 10px 0}
#cartlist table .min:hover,#cartlist table .max:hover{background: #FFF}
#cart_action{margin: 20px 0}
#cart_action a{float: right;margin-left: 10px}
#cart_action a{display: block;color: #FFF;text-align: center;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;padding: 10px 0;background: #8B8B8B;color: #FFF;width: 119px}
#cart_action span a{background: #C90304}
#cart_action .clearcart{background: #30C76C}
#cart_action .goon{background: #00BBE3}
#cart_action a:hover{filter: alpha(opacity=80);opacity: .8}
.successmsg{margin: 50px 0}
.successmsg span{font-size: 30px;display: inline-block}
.successmsg span i{margin-right: 12px;display: inline-block;width: 60px;height: 60px;line-height: 60px;background: #8CBA04;color: #FFF;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%}
.success-bnt input{color: #FFF;border: 0;margin-right: 10px;text-align: center;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;padding: 10px 0;background: #8B8B8B;color: #FFF;width: 119px}
.success-bnt input:hover{background: #C90304}
.cart-radio-box{margin-bottom: 20px}
.cart-radio-box ul li{text-align: center;margin-top: 20px;height: 30px;line-height: 30px}
.cart-radio-box ul li input[type="radio"]{display: none;display: inline-block\9;margin-right: 10px\9}
.cart-radio-box ul li input[type="radio"]:checked+label{padding: 10px;border: 2px dashed #F60}
.color1,.n-color1{background: #83461B}
.color2,.n-color2{background: #F29217}
.color3,.n-color3{background: #E71856}
.color4,.n-color4{background: #7C2C83}
.color5,.n-color5{background: #FD1817}
.color6,.n-color6{background: #319D59}
.color7,.n-color7{background: #2F9ED9}
.color8,.n-color8{background: #2E1817}
.color9{background: url(../images/color.png) no-repeat}
.n-color9{background: url(../images/n-color.png) no-repeat}
.i-color{width: 26px;margin-left: -18px;margin-right: 18px}
.del-ico a{color: #F60;margin-left: 5px;border: 1px dotted #F60;padding: 5px 10px;}
.del-ico a:hover{color: #C90304;border: 1px solid #C90304;}
.subject{clear:both;border-radius:0 4px 0 0;}
.subject ul{margin:0;padding:0;list-style:none;}
.subject ul li{margin-left:-4px;position:relative;bottom:-1px;display:inline-block;padding:12px 24px;border:1px solid #EEE;background:#F4F5F9;border-bottom:0}
.subject ul .active-on{border-bottom:1px solid #FFF;background:#FFF;color:#F60}
.yhq-box{margin:20px 0}
.yhq-tab{margin-left:4px;margin-bottom:20px;border-bottom:1px solid #EEE}
.yhq-tbox ul{margin-top:-21px}
.yhq-tbox ul li{position:relative;float:left;width:178px;height:118px;margin-left:21px;margin-top:21px;border:1px solid #EEE;overflow:hidden;cursor:pointer}
.yhq-tbox ul .li0{margin-left:0}
.yhq-tbox ul li b{position:relative;top:20px}
.yhq-tbox ul li p{position:relative;top:30px;color:#999}
.yhq-tbox ul li div{position:absolute;bottom:0;width:100%;border-top:1px solid #EEE;padding:12px;background:#F4F5F9;color:#999}
.yhq-tbox ul li p u,.yhq-tbox ul li div u{color:#F60}
.yhq-tbox ul li div a{padding-right:24px}
.yhq-tbox ul li:hover{border:1px solid #F60}
.yhq-tbox ul li.none{line-height:118px;}

.yhq-tbox2 ul{margin-top:-21px}
.yhq-tbox2 ul li{position:relative;float:left;width:178px;height:178px;padding:1px;margin-left:18px;margin-top:21px;border:1px solid #EEE;overflow:hidden;cursor:pointer}
.yhq-tbox2 ul .li0{margin-left:0}
.yhq-tbox2 ul li p{position:relative;top:30px;color:#999}
.yhq-tbox2 ul li div{position:absolute;bottom:0;width:100%;border-top:1px solid #EEE;padding:12px;background:#F4F5F9;color:#999}
.yhq-tbox2 ul li p u,.yhq-tbox ul li div u{color:#F60}
.yhq-tbox2 ul li div a{padding-right:24px}
.yhq-tbox2 ul li:hover{border:1px solid #F60}

.xz_bnt a{display:inline;background:#FFF;border:1px solid #EEE;padding:8px 18px}
.xz_bnt a:hover{border-color:#F60}
.xz_gdnews{margin-top:20px;background:url(../images/gd.jpg) right no-repeat}
.xz_gdnews h1{color:#F60;margin-bottom:10px}
.xz_gdnews p{padding-top:10px}
.xz_gdtab{border-bottom:1px solid #EEE}
.xz_gdtab span{margin-bottom:-1px;display:inline-block;padding:10px 25px;background:#FAFAFA;border:1px solid #EEE;border-top:2px solid #EEE;cursor:pointer}
.xz_gdtab .span{margin-left:-1px}
.xz_gdtab .active{background:#FFF;border-top-color:#F60;border-bottom-color:#FFF}
.xz_gdtab-one{margin-top:20px}
.xz_gdtab-one .span-1 i{display:inline-block;width:16px;height:16px;background:url(../images/gd1.gif) no-repeat}
.xz_gdtab-one .span-2 i{display:inline-block;width:16px;height:16px;background:url(../images/gd2.gif) no-repeat}
.xz_gdtab-one .span-3 i{display:inline-block;width:16px;height:16px;background:url(../images/gd3.gif) no-repeat}
.xz_upload button{height:37px;overflow:hidden;padding:0 12px;border:1px solid #F50;background:#F60;color:#FFF}
.u-form_all ul .xz_upload input{width:52px;height:16px;overflow:hidden;position:absolute;top:-12px;left:0;right:0;opacity:0;filter:alpha(opacity=0)}
.xz_upload:hover button{opacity:.8;filter:alpha(opacity=80)}

.xz-ui-book{margin-left:122px}
.xz-ui-book form em{display:inline-block;width:100px;text-align:right}
.xz-ui-book i{font-style:normal}
.xz-ui-book form span{color:#D00;margin-right:5px;vertical-align:middle}
.xz-ui-book form u{color:#D00}
.xz-ui-book form .fem{vertical-align:top}
.xz-ui-book form input{margin-bottom:25px;border:1px solid #DDD;padding:5px 10px}
.xz-ui-book form input:focus{box-shadow:0 4px 4px 0 #EEE inset}
.xz-ui-book form textarea{resize:none;padding:10px;line-height:2;width:500px;border:1px solid #DDD}
.xz-ui-book form textarea:focus{box-shadow:0 4px 4px 0 #EEE inset}
.xz-ui-book form p{padding-left:100px;position:relative;top:-15px}
.xz-ui-book form .msg-box{position:relative;top:-15px}
.xz-ui-book form .b-textarea{position:relative}
.xz-ui-book form .b-textarea .msg-box{position:absolute;top:0}
.xz-ui-book form select{border:1px solid #DDD}
.b-book-mt{margin-top:25px}
.b-book-ml{margin-left:100px}
.b-select{display:inline;width:40px}
.b-select select{background:url(../images/sbg.png) right no-repeat;width:90px;padding:5px 10px;-webkit-appearance:none}
.b-select select:focus{box-shadow:0 4px 4px 0 #EEE inset}
.xz-ui-book form .b-book-ml input{background:#FAFAFA;padding:10px 35px}
.xz-ui-book form .b-book-ml .active{margin-right:15px;border:1px solid #F50;background:#F60;color:#FFF}
.xz-ui-book form .b-book-ml input:focus{box-shadow:none}

.xz-user-form .sbnt {float:left;}
.xz-user-form .sbnt input{margin-top:-3px;color:#fff;color:#fff;border:1px solid #C90304;background-color:#C90304; display:inline-block;padding:12px 25px;border:1px solid #ddd;-webkit-border-radius:3px;border-radius:3px;}
.xz-user-form .sbnt input:hover{background-color:#4f7b93}
.xz-user-form .custom-checkbox input {position:relative;z-index:1;}

/* 扩展 2016-04-18 */
.xheader{height:100px;border-bottom:3px solid #C90304}
.xheader img{margin-top:18px}
.xheader ul{float:right;margin-right:-10px}
.xheader ul li{float:left;line-height:100px}
.xheader ul li a{display:block;font-size:16px;font-family:'Microsoft YaHei';padding:0 20px}
.xheader ul li a:hover{background:#F5F5F5}
.ico1{text-indent:45px;background-image:url(../images/lico3.png)!important;background-repeat:no-repeat!important;background-position:17px center!important}
.ico2{text-indent:40px;background-image:url(../images/lico1.png)!important;background-repeat:no-repeat!important;background-position:25px center!important}
.ico3{text-indent:40px;background-image:url(../images/lico2.png)!important;background-repeat:no-repeat!important;background-position:20px center!important}
.left-nav{position:absolute;z-index:9999;top:-20px;left:250px;width:660px;padding-left:3px;}
.left-nav dl{background:#C82E2E;padding:20px;margin-left:10px}
.left-nav dl dd{float:left;margin:5px 8px}
.left-nav dl dd a{color:#FFF;padding-left:10px;width:175px;font-size:13px;text-align:left;}
.left-nav dl dd a:hover{color:#FC0}
.left-nav .left-navIco{width: 14px;height: 26px;background: url(../images/newtem_7.gif) no-repeat right center;position: absolute;left: 0;top: 36px;}

.mb-ico,.wap-ico{position:absolute;bottom:27px;right:0;z-index:1}
.wap-ico{cursor:pointer;bottom:67px;width:47px;height:60px;background:url(../images/wap-ico.png) no-repeat}
.mb-ico{padding-right:8px;width:109px;height:218px;background:url(../images/mb-ico.png) no-repeat}
.nbox-list .mb-ico img{position:absolute;top:13px;left:5px;width:99px}

.nbox-list dl dd{position:relative;float:left;margin:30px 35px 0;width:225px;height:442px;background:url(../images/mobile.png) no-repeat}
.nbox-list dl dd div{position:absolute;width:200px;height:356px;overflow:hidden;top:30px;left:13px}
.nbox-list dl dd img{transition:all .3s;-webkit-transition:all .3s;display:block;width:200px;height:356px}
.nbox-list dl dd span{display:none;position:absolute;top:0;left:0;background:rgba(255,255,255,.5);background:#FFF\9;width:200px;height:356px;line-height:356px}
.nbox-list dl dd a{display:inline-block;width:80px;height:80px;line-height:80px;border-radius:50%;-webkit-border-radius:50%;background:#C90304;color:#FFF;font-size:14px}
.nbox-list dl dd:hover img{transform:scale(1.5);-webkit-transform:scale(1.5)}

.friendlinks {width: 1190px;margin: 20px auto -20px;line-height:200%;}
/*frame*/
#frame{ position:fixed; height:100%; width:100%; top:0; left:0; background:url(../images/img_bg_2.png); display:none;}

.ljjm{ height:104px; overflow:hidden; background:#e72f3c;font-family: 'Microsoft YaHei';}
.ljjm a{font-family: 'Microsoft YaHei';}
.ljjm .wapper {width: 1186px;margin: 0 auto;}
.ljjm .con .sp1{line-height: 104px;color: #FFF;font-size: 24px; float:left;}
.ljjm .con .a1{width: 188px;height: 50px;display: inline-block;background-color: #96cb11;border-radius: 5px;text-align: center;line-height: 50px;font-size: 18px;color: #fff;margin-top: 25px;margin-left: 97px; float:left;}
.ljjm .con .sp2{line-height: 104px;color: #fff;font-size: 14px;margin: 0px 53px; float:left;}
.ljjm .con .a2{width: 160px;height: 50px;display: inline-block;background-color: #4f7b93;border-radius: 5px;text-align: center;line-height: 50px;font-size: 18px;color: #fff;margin-top: 25px; float:left;}
.ljjm .con .sp3{ float:left;line-height: 104px;color: #fff;font-size: 14px;margin: 0px 53px;}
.ljjm .con .lab{float:left;margin-top:30px;position: relative;}
.ljjm .con .lab .contact a{line-height: 30px;height:30px;color:#fff;font-size: 14px;background: url(../images/kouhao_07.gif) no-repeat left 0; padding-left:30px;}
.ljjm .con .lab b{float: left;width: 14px;height: 36px;display: inline-block;background: url(../images/kouhao_06.png) 0px center no-repeat;margin-top: 2px;}
.ljjm .con .lab p{width: 240px;float: left;font-size: 14px;color: #fff; line-height:20px; padding:0; margin:0;margin-left: 10px;}
.ljjm .con .lab p span{display:block;}

.foot_phone { background: #e72f3c; height: 40px; float: left; margin-top: 30px; position: relative; }
.foot_phone a { color: #fff; font-family: 'Microsoft YaHei';}
.foot_phone b { float: left; width: 14px; height: 36px; display: inline-block; background: url(../images/kouhao_06.png) 0px center no-repeat; margin-top: 2px; }
.foot_phone span { display: block; float: left; font-size: 14px; color: #fff; line-height: 20px; padding: 0; margin: 0; margin-left: 10px; }
.foot_phone strong { display: block; font-weight: normal; }